/*
 * @Author            : lusx 
 * @Date              : 2020-04-15 14:20:09 
 * @Last Modified by: lusx
 * @Last Modified time: 2020-05-22 13:44:36
 */
.govern-home {
    .gv-home-list {
        position          : absolute;
        margin-top        : 170 * @hd;
        right             : 15 * @hd;
        left              : 15 * @hd;
        background-color  : #fff;
        border-radius     : 10 * @hd;
        -webkit-box-shadow: 0 3 * @hd 9 * @hd rgba(0, 0, 0, 0.1);
        box-shadow        : 0 3 * @hd 9 * @hd rgba(0, 0, 0, 0.1);

        .wm-list-page-modal {
            padding-bottom: 0 * @hd;
            border-radius : 10 * @hd;
        }
    }

    .gov-header{
        font-size: 14px;
        padding: 10px 15px;

        .gov-header-content{
            border-left: 5px solid #d03e06;
            color: #333;
            flex: 1;
            text-align: left;
            display: flex;
            align-items: center;

            .gov-header-content-span{
                margin-left: 5px;
                white-space: nowrap;
            }
        }
    }
    
    .panel {
        height: 154 * @hd;
    }

    .shortcut-btn {
        height: 145 * @hd;
    }

    .icon-box {
        border-radius   : 50%;
        width           : 35 * @hd;
        height          : 35 * @hd;
        line-height     : 45 * @hd;
        background-color: #ccc;
        margin          : 0 * @hd auto;
        text-align      : center;
        color           : #fff;
    }

    ul {
        list-style: none;
        padding   : 0 * @hd;
        margin    : 0 * @hd;
    }

    .overview {
        background-color: @color-text-base-inverse;
        margin          : 15 * @hd 15 * @hd 10 * @hd 15 * @hd;
        border-radius   : 10 * @hd;
        box-shadow      : 0 3 * @hd 9 * @hd rgba(0, 0, 0, .1);

        header {
            font-size  : @font-size-subhead;
            color      : @color-text-paragraph;
            font-weight: bold;
            padding    : 0 15 * @hd;
            height     : 30 * @hd;
            line-height: 30 * @hd;
        }

        main {
            .overview-col {
                padding: 10 * @hd 0 * @hd 15 * @hd;

                &:nth-of-type(2) {
                    padding: 0 * @hd 0 * @hd 20 * @hd;
                }

                .overview-wraps {
                    display        : -webkit-box;
                    display        : flex;
                    justify-content: space-around;
                    align-content  : center;

                    .overview-cell-box {
                        .overview-cell-box-top {
                            font-size     : 18 * @hd;
                            color         : @color-text-paragraph;
                            font-weight   : bold;
                            padding-bottom: 5 * @hd;
                        }

                        .overview-cell-box-bottom {
                            width: 48 * @hd;
                        }

                        >div {
                            &:nth-of-type(2) {
                                color      : #bbb;
                                font-size  : @font-size-caption-sm;
                                font-weight: bold;
                            }
                        }

                    }
                }
            }
        }
    }

    .govern-remind {
        background-color: @color-text-base-inverse;
        margin          : 15 * @hd 15 * @hd 10 * @hd 15 * @hd;
        border-radius   : 5 * @hd;
        box-shadow      : 0 3 * @hd 9 * @hd rgba(0, 0, 0, .1);
        height          : 40 * @hd;
        line-height     : 40 * @hd;
        text-align      : center;
        position        : relative;

        .govern-remind-icon-box {
            height  : 40 * @hd;
            display : inline-block;
            width   : 60 * @hd;
            position: absolute;
            margin  : auto;
            top     : 7 * @hd;
            left    : 0 * @hd;
        }
    }

}